<template>
  <el-row>
    <el-col :span="6">
       <div v-bind="$attrs" v-on="$listeners">
          {{fieldValue}}
        </div>
    </el-col>
    <el-col :span="4">
       <button-html  v-bind="$attrs" :value="$attrs.buttonValue" @refreshInit="refreshInit"></button-html>
    </el-col>
  </el-row>
</template>

<script>
  import buttonHtml from './button';
  export default {
    components:{
      buttonHtml
    },
    props: {
      value: {
        type: [String,Number]
      }
    },
    computed: {
      fieldValue: {
        get() {
          // console.log(this.$attrs,this.value,'--------------')
          return this.value
        },
        set(val) {
          this.$emit('input', val)
        }
      }
    },
     methods:{
       refreshInit(val) {
         this.$emit('refreshInit',val)
       }
     }
  }
</script>


